<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>京东</title>
<link rel="stylesheet" href="CSS/base.css"/>
<link rel="stylesheet" href="CSS/index.css"/>
<link rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" type="text/css" href="download/font_612952_3mlvgltv2bg9zfr/iconfont.css"/>
</head>

<body>
<!--nav开始-->
<div class="site-nav">
    <div class="w">
         <div class="fl">
         	送至：北京
         </div>
         <div class="fr">
         	<ul>
         		<li>
         			<a href="#">您好，请登录</a>&nbsp;<!--不间断空格-->
         			<a class="twoA-red" href="#">免费注册</a>
         		</li>
         		<li class="shu"></li>
         		<li>
         			<a href="#">我的订单</a>
         		</li>
         		<li class="shu"></li>
         		<li class="fore">
         			<a href="#">我的京东</a>
         			<i><s>◇</s></i>
         		</li>
         		<li class="shu"></li>
         		<li>
         			<a href="#">京东会员</a>
         		</li>
         		<li class="shu"></li>
         		<li>
         			<a href="#">企业采购</a>
         		</li>
         		<li class="shu"></li>
         		<li class="fore jd-tel">
         		    <span></span>
         			<a href="#">手机京东</a>
         			<i><s>◇</s></i>
         		</li>
         		<li class="shu"></li>
         		<li class="fore">
         			<a href="#">关注京东</a>
         			<i><s>◇</s></i>
         		</li>
         		<li class="shu"></li>
         		<li class="fore">
         			<a href="#">客户服务</a>
         			<i><s>◇</s></i>
         		</li>
         		<li class="shu"></li>
         		<li  class="fore">
         			<a href="#">网站导航</a>
         			<i><s>◇</s></i>
         		</li>
         	</ul>
         </div>
	</div>
</div>
<!--nav结束-->
<!--top-banner开始-->
<div class="top-banner">
    <div class="w top-banner-conter">
    	<a href="#">
    	    <img src="images/top-banner.jpg" />
    	</a>
    	<a href="#" class="colse-banner"></a>
    </div>	
</div>
<!--top-banner结束-->

<!--search开始--> <!--搜索栏，搜索商品-->
<div class="w clearfix">
	<div class="serach-logo">
		<a href="#"></a>
	</div>
	<div class="serach-input">
		<input type="text" value="运动相机">
		<button>搜索</button>
	</div>
	<div class="serach-car">
         <a href="#">我的购物车</a>
         <i class="search-car-gwc"></i>
         <i class="search-car-mag">6</i>
    </div>
    <div class="search-moreAlink">
    	<ul>
    		<li><a href="#">出境999</a></li>
    		<li><a href="#">沸腾厨卫</a></li>
    		<li><a href="#">249减100</a></li>
    		<li><a href="#">手机节</a></li>
    		<li><a href="#">150减50</a></li>
    		<li><a href="#">秋季连衣裙</a></li>
    		<li><a href="#">牛奶</a></li>
    		<li><a href="#">cool1手机</a></li>
    		<li><a href="#">男童秋装</a></li>
    	</ul>
    </div>
</div>
<!--search结束--> <!--搜索栏，搜索商品-->

<!--shortcut-nav部分开始--> <!-- 快捷方式栏-->
<div class="shortcut-nav">
    <div class="w">
    	<div class="shortcut-nav-menu">
    		<div class="shortcut-nav-menu-all">
    			<a href="#">
    				全部商品分类
    			</a>
    		</div>
    		<div class="shortcut-nav-menu-one">
    			<ul>
    				<li>
    				    <a href="#">家用电器<i>&gt;</i></a>
    				</li>
    				<li>
    				    <a href="#">手机、数码、京东通信<i>&gt;</i></a>
    				    
    				</li>
   				    <li>
    				    <a href="#">电脑、办公<i>&gt;</i></a>
    				    
    				</li>
    				<li>
    				    <a href="#">家居、家具、家装、厨具<i>&gt;</i></a>
    				    
    				</li>
    				<li>
    				    <a href="#">男装、女装、童装、内衣<i>&gt;</i></a>
    				    
    				</li>
    				<li>
    				    <a href="#">个性化妆、清洁用宠物<i>&gt;</i></a>
    				    
    				</li>
    				<li>
    				    <a href="#">鞋靴、箱包、珠宝、奢饰品<i>&gt;</i></a>
    				    
    				</li>
    				<li>
    				    <a href="#">运动户外、钟表<i>&gt;</i></a>
    				    
    				</li>
    				<li>
    				    <a href="#">汽车、汽车用品<i>&gt;</i></a>
    				    
    				</li>
    				<li>
    				    <a href="#">母婴、玩具乐器<i>&gt;</i></a>
    				    
    				</li>
    				<li>
    				    <a href="#">食品、酒类、生鲜、特产<i>&gt;</i></a>
    				    
    				</li>
    				<li>
    				    <a href="#">医药保健<i>&gt;</i></a>
    				    
    				</li>
    				<li>
    				    <a href="#">图书、音箱、电子书<i>&gt;</i></a>
    				    
    				</li>
    				<li>
    				    <a href="#">彩票、旅行、充值、票务<i>&gt;</i></a>
    				    
    				</li>
    				<li>
    				    <a href="#">理财、众筹、白条、保险<i>&gt;</i></a>
    				    
    				</li>
    			</ul>
    		</div>
    	</div>
    	<div class="shortcut-nav-items">
    		<ul>
    			<li><a href="#">服装城</a></li>
    			<li><a href="#">美妆馆</a></li>
    			<li><a href="#">京东超市</a></li>
    			<li><a href="#">生鲜</a></li>
    			<li><a href="#">全球购</a></li>
    			<li><a href="#">闪购</a></li>
    			<li><a href="#">团购</a></li>
    			<li><a href="#">拍卖</a></li>
    			<li><a href="#">金融</a></li>
    		</ul>
    	</div>
    	<div class="shortcut-nav-img">
    		<a href="#">
    			<img src="images/img2.jpg" />
    		</a>
    	</div>
    </div>
</div>
<!--shortcut-nav部分结束--> <!-- 快捷方式栏-->


<!--main部分 开始-->
<div class="w clearfix">
 <!--slideshow 开始-->
  <div class="main-slideshow">
  	<a href="#">
		<img src="images/slide.jpg" />
	</a>
	<ul>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
		<li>5</li>
		<li>6</li>
	</ul>
	
  </div>
  <!--slideshow 结束-->
  
  <!--news-快报开始-->
  <div class="main-news">
     <div class="main-news-top">
     	<h3>京东快报</h3>
     	<a href="#">更多   &gt;</a>
     </div>
     <div class="main-news-mid">
     	<ui>
     		<li><a href="#"><b>[特惠]</b> 出境游低至999元起</a></li>
     		<li><a href="#"><b>[公告]</b> 海南因天气原因影响配送延迟</a></li>
     		<li><a href="#"><b>[特惠]</b> 999元游海岛，买3再减1</a></li>
     		<li><a href="#"><b>[公告]</b> 京东生鲜正式启动全球寻鲜</a></li>
     		<li><a href="#"><b>[特惠]</b> 中秋月饼礼盒低至买一送一</a></li>
     	</ui>
     </div>
     <div class="main-news-buttom">
     	<ul class="main-news-buttom-ul">
     		<li>
     			<ul class="main-news-buttom-ul-inside">
     				<li>
     					<a href="#">
							<strong class="buttom-ul-inside-a-onei"><i class="iconfont icon-huafei"></i></strong>
    						<br/>
     						<i class="buttom-ul-inside-a-twoi">话费</i>
     					</a>
     				</li>
     				<li>
     					<a href="#">
							<strong class="buttom-ul-inside-a-onei"><i class="iconfont icon-jipiao"></i></strong>
    						<br/>
     						<i class="buttom-ul-inside-a-twoi">机票</i>
     					</a>
     				</li>
     				<li>
     					<a href="#">
							<strong class="buttom-ul-inside-a-onei"><i class="iconfont icon-dianyingpiaoiocn"></i></strong>
    						<br/>
     						<i class="buttom-ul-inside-a-twoi">电影票</i>
     					</a>
     				</li>
     				<li id="ul-inside-four-li">
     					<a href="#">
							<strong class="buttom-ul-inside-a-onei"><i class="iconfont icon-youxi"></i></strong>
    						<br/>
     						<i class="buttom-ul-inside-a-twoi">游戏</i>
     					</a>
     				</li>
     			</ul>
     		</li>
     		<li>
     			<ul class="main-news-buttom-ul-inside">
     				<li><a href="#">
							<strong class="buttom-ul-inside-a-onei"><i class="iconfont icon-caipiao"></i></strong>
    						<br/>
     						<i class="buttom-ul-inside-a-twoi">彩票</i>
     					</a></li>
     				<li><a href="#">
							<strong class="buttom-ul-inside-a-onei"><i class="iconfont icon-jiayouqiazhan"></i></strong>
    						<br/>
     						<i class="buttom-ul-inside-a-twoi">加油卡</i>
     					</a></li>
     				<li><a href="#">
							<strong class="buttom-ul-inside-a-onei"><i class="iconfont icon-Hotel"></i></strong>
    						<br/>
     						<i class="buttom-ul-inside-a-twoi">酒店</i>
     					</a></li>
     				<li id="ul-inside-four-li"><a href="#">
							<strong class="buttom-ul-inside-a-onei"><i class="iconfont icon-huochepiao"></i></strong>
    						<br/>
     						<i class="buttom-ul-inside-a-twoi">火车票</i>
     					</a></li>
     			</ul>
     		</li>
     		<li id="main-news-buttom-ul-three-li">
     			<ul class="main-news-buttom-ul-inside">
     				<li><a href="#">
							<strong class="buttom-ul-inside-a-onei"><i class="iconfont icon-woyaozhongchou"></i></strong>
    						<br/>
     						<i class="buttom-ul-inside-a-twoi">众筹</i>
     					</a></li>
     				<li><a href="#">
							<strong class="buttom-ul-inside-a-onei"><i class="iconfont icon-licai"></i></strong>
    						<br/>
     						<i class="buttom-ul-inside-a-twoi">理财</i>
     					</a></li>
     				<li><a href="#">
							<strong class="buttom-ul-inside-a-onei"><i class="iconfont icon-msnui-gift"></i></strong>
    						<br/>
     						<i class="buttom-ul-inside-a-twoi">礼品卡</i>
     					</a></li>
     				<li id="ul-inside-four-li"><a href="#">
							<strong class="buttom-ul-inside-a-onei"><i class="iconfont icon-jingdongbaitiao"></i></strong>
    						<br/>
     						<i class="buttom-ul-inside-a-twoi">白条</i>
     					</a></li>
     			</ul>
     		</li>
     	</ul>
     </div>
  	 <div class="main-news-buttom-img">
  	 	
  	 </div>
  </div>
  <!--news-快报结束-->
</div>
<!--main部分 结束-->

<!--footer 部分开始-->
<div class="footer">
	<div class="footer-top">
		<div class="w">
			<ul class="footer-top-ul">
				<li>
					<img src="images/slogan1.png" />
				</li>
			    <li>
			    	<img src="images/slogan2.png" />
			    </li>
				<li>
					<img src="images/slogan3.png" />
				</li>
				<li>
					<img src="images/slogan4.png" />
				</li>
			</ul>
		</div>
	</div>
	<div class="w footer-mid">
		 <dl>
			<dt>购物指南</dt>
			<dd><a href="#">购物流程</a></dd>
			<dd><a href="#">会员介绍</a></dd>
			<dd><a href="#">生活旅行/团购</a></dd>
			<dd><a href="#">常见问题</a></dd>
			<dd><a href="#">大家电</a></dd>
			<dd><a href="#">联系客服</a></dd>
         </dl>
         <dl>
			<dt>购物指南</dt>
			<dd><a href="#">购物流程</a></dd>
			<dd><a href="#">会员介绍</a></dd>
			<dd><a href="#">生活旅行/团购</a></dd>
			<dd><a href="#">常见问题</a></dd>
			<dd><a href="#">大家电</a></dd>
			<dd><a href="#">联系客服</a></dd>
         </dl>
         <dl>
			<dt>购物指南</dt>
			<dd><a href="#">购物流程</a></dd>
			<dd><a href="#">会员介绍</a></dd>
			<dd><a href="#">生活旅行/团购</a></dd>
			<dd><a href="#">常见问题</a></dd>
			<dd><a href="#">大家电</a></dd>
			<dd><a href="#">联系客服</a></dd>
         </dl>
         <dl>
			<dt>购物指南</dt>
			<dd><a href="#">购物流程</a></dd>
			<dd><a href="#">会员介绍</a></dd>
			<dd><a href="#">生活旅行/团购</a></dd>
			<dd><a href="#">常见问题</a></dd>
			<dd><a href="#">大家电</a></dd>
			<dd><a href="#">联系客服</a></dd>
         </dl>
         <dl>
			<dt>购物指南</dt>
			<dd><a href="#">购物流程</a></dd>
			<dd><a href="#">会员介绍</a></dd>
			<dd><a href="#">生活旅行/团购</a></dd>
			<dd><a href="#">常见问题</a></dd>
			<dd><a href="#">大家电</a></dd>
			<dd><a href="#">联系客服</a></dd>
         </dl>
         <div class="footer-mid-map">
         	<h3>京东自营覆盖区县</h3>
         	 <p>京东已向全国2654个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
             <a href="#">查看详情  &gt;</a>
         </div>
	</div>
	<div class="w footer-bottom">
		<div class="footer-bottom-top">
			<a href="#">关于我们</a>|
			<a href="#">联系我们</a>|
			<a href="#">联系客服</a>|
			<a href="#">商家入驻</a>|
			<a href="#">营销中心</a>|
			<a href="#">手机京东</a>|
			<a href="#">友情链接</a>|
			<a href="#">销售联盟</a>|
			<a href="#">京东社区</a>|
			<a href="#">京东公益</a>|
			<a href="#">English Site</a>|
			<a href="#">Contact Us</a>|
		</div>
		<div class="footer-bottom-mid">
			 <img src="images/gh.png"/>京公网安备 11000002000088号  |  京ICP证070359号  |  互联网药品信息服务资格证编号(京)-经营性-2014-0008  |  新出发京零 字第大120007号<br>
             互联网出版许可证编号新出网证(京)字150号  |  出版物经营许可证  |  网络文化经营许可证京网文[2014]2148-348号  |  违法和不良信息举报电话：4006561155<br>
             Copyright © 2004 - 2016  京东JD.com 版权所有  |  消费者维权热线：4006067733<br>
             京东旗下网站：京东钱包
		</div>
		<div class="footer-bottom-bottom">
			<a href="#"><img src="images/img1.png"/></a>
			<a href="#"><img src="images/img1.png"/></a>
			<a href="#"><img src="images/img1.png"/></a>
			<a href="#"><img src="images/img1.png"/></a>
			<a href="#"><img src="images/img1.png"/></a>
			<a href="#"><img src="images/img1.png"/></a>
		</div>
	</div>
</div>

<!--footer 部分结束-->





</body>
</html>
